<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aruk - Multipurpose Woocommerce Store</title>
    <link rel="stylesheet" href="../../css/style.css">
    <link rel="stylesheet" href="../../font_img/font-home/iconfont.css">
    <link rel="stylesheet" href="../../css/navigation.css">
    <link rel="stylesheet" href="../../css/bottom-map.css">
    <link rel="stylesheet" href="../../css/way.css">
    <link rel="stylesheet" href="../../css/shop.css">
</head>

<body>
    <div class="shop">
        <!-- 导航部分 -->
        <div class="shopNavigation">
            <div class="navigation">
                <div class="container">
                    <div class="logo">
                        <a href="../../home.html">
                            <img src="../../img/logo/logo.png" alt="">
                        </a>
                    </div>
                    <div class="main-menu">
                        <ul>
                            <li>
                                <a href="../../home.html">HOME
                                    <div></div>
                                </a>


                            </li>
                            <li><a href="#">SHOP
                                    <div></div>
                                </a></li>
                            <li><a href="./collection.html">COLLECTION
                                    <div></div>
                                </a></li>
                            <li><a href="./aboutUs.html">ABOUT
                                    <div></div>
                                </a></li>
                            <li><a href="./blog.html">BLOG
                                    <div></div>
                                </a></li>
                            <li><a href="./contact.html">CONTACT
                                    <div></div>
                                </a></li>
                        </ul>
                    </div>
                    <div class="span-icon">
                        <div class="display-flex display-right">
                            <a href="./shoppingCart.html">
                                <span class="iconfont icon-tianchongxing-"></span>
                            </a>
                            <a href="#"><span class="iconfont icon-wodedangxuan"></span></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="placement">
                <span class="iconfont icon-weibajiantoushang
        "></span>
            </div>
        </div>
        <!-- 主体部分 -->
        <!-- shop-title -->
        <div class="shop-title">
            <div class="title-inner">
                <h2>SHOP DETAILS</h2>
                <div class="title-a df"> <a href="../../home.html">Home</a>
                    <span></span>
                    <a href="">Shop List</a>
                </div>

            </div>
        </div>
        <!-- commodity-information -->
        <div class="commodity-information df">
            <div class="information-img df">
                <div class="information-left">
                    <div class="little-img"><img src="../../img/products/24.png" alt=""></div>
                    <div class="little-img"><img src="../../img/products/25.png" alt=""></div>
                    <div class="little-img"><img src="../../img/products/26.png" alt=""></div>
                </div>
                <div class="information-right">
                    <img class="active" src="../../img/products/27.png" alt="">
                    <img src="../../img/products/32.png" alt="">
                    <img src="../../img/products/33.png" alt="">
                </div>
            </div>
            <div class="information-all">
                <h5>Yellow Bag Women 2018</h5>
                <div class="df">
                    <ul>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1"></span>
                        <span class="iconfont icon-xingxing1 cha"></span><span
                            class="iconfont icon-xingxing1 cha"></span>

                    </ul>
                    <span>03 Customer Review</span>
                </div>

                <div class="price">
                    <span>$42.00</span>
                </div>
                <p>Sed id interdum urna. Nam ac elit a ante commodo tristique. tum vehicula a hendrerit ac
                    nisi. hendrerit
                    ac nisi Lorem ipsum dolor sit perdiet nibh vel magna lacinia ultrices. Sed id interdum urna.</p>
                <div class="product-color df">
                    <h6>SELECT COLOR
                    </h6>
                    <div class="color-all df">
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <div class="product-size df">
                    <h6>SELECT SIZE</h6>
                    <ul>
                        <li class="active">Xl</li>
                        <li>L</li>
                        <li>M</li>
                        <li>X</li>
                        <li>XS</li>
                    </ul>
                </div>
                <div class="product-count df">
                    <div class="quty">
                        <span class="jian">-</span>
                        <input value="1" type="text">
                        <span class="jia">+</span>
                    </div>
                    <div class="add">
                        <div class="trendsBtn">
                            <a href="./shoppingCart.html">ADD TO CART</a>
                            <div class="trendsBtn-fize">ADD TO CART</div>
                            <div class="trendsBtn-left"></div>
                            <div class="trendsBtn-right"></div>
                        </div>
                    </div>
                    <div class="share">
                        <a href="./wishlist.html"> <span class="iconfont icon-aixin"></span></a>

                        <span class="iconfont icon-suijibofang"></span>
                    </div>
                </div>
                <div class="social-icon paddingtop80">
                    <span class="iconfont icon-facebook"></span>
                    <span class="iconfont icon-twitter"></span>
                    <span class="iconfont icon-shipin"></span>
                    <span class="iconfont icon-instagram"></span>
                </div>
            </div>
        </div>
        <!-- description-area -->
        <div class="shop-tab">
            <ul class="nav df">
                <li class="active">Description</li>
                <li>Addtional info
                </li>
                <li>Reviews (2)</li>
            </ul>
            <div class="main-out active">
                <div class="nav-main df active">
                    <div class="nav-left">
                        <p>Sed id interdum urna. Nam ac elit a ante commodo tristique. condimentum vehicula a hendrerit
                            ac
                            nisi. hendrerit ac nisi
                            Lorem ipsum dolor sit amet Vestib lum imperdiet nibh vel magna lacinia ultrices. Sed id
                            interdum
                            urna</p>
                        <p>Nullam lacinia faucibus risus, a euismod lorem tincidunt id. Donec maximus plac erat tempor.
                            Class aptent taciti
                            sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse faucibus
                            sed
                            dolor eget posuere.Sed
                            id interdum urna. Nam ac elit a ante commodo tristique. Duis lacus urna, condim entum a
                            vehicula
                            a, hendrerit ac nisi
                            Lorem ipsum dolor sit amet.</p>
                    </div>
                    <div class="nav-right">
                        <h6>SIZE & FIT</h6>
                        <ul>
                            <li>Our Model wears a UK 8/ EU 36/ Us 4</li>
                            <li>Model is 170/ 5’7” Tall</li>
                            <li>Shoulder seam to hem measures appox 58”/ 147 cm in lengh</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="main-out">
                <div class="nav-main df">
                    <div class="nav-left">
                        <p>Ah, beautiful Paris. For centuries this city has attracted the admiration of the world. The
                            allure and charm of Paris
                            captivate all who visit there.</p>
                        <p>Where can you discover the charm of Paris for yourseIf. Is it in the legacy of all the French
                            rulers who worked to
                            beautify their beloved city? Is it in the famous castles, palaces, statues and monuments?
                            Can you it in the world-class
                            museums, such as the Louvre? Perhaps Paris' allure lies in the zest and style of the
                            Parisians.</p>
                    </div>
                    <div class="nav-right">
                        <h6>SIZE & FIT</h6>
                        <ul>
                            <li>Our Model wears a UK 8/ EU 36/ Us 4</li>
                            <li>Model is 170/ 5’7” Tall</li>
                            <li>Shoulder seam to hem measures appox 58”/ 147 cm in lengh</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="main-out">
                <div class="nav-main df">
                    <div class="nav-left">
                        <p>I find it wholesome to be alone the greater part of the time.To be in company,even with the
                            best, is soon wearisome. I
                            love to be alone. I never found the companion that was so companionable as solitude. We are
                            for the most part more
                            lonely when we go abroad among men than when we stay in our chambers. A man thinking or
                            working is always alone, let him
                            be where he will. Solitude is not measured by the miles of space that intervene between a
                            man and his fellows.</p>
                        <p>'The really diligent student in one of the crowded hives of Cambridge College is as solitary
                            as a dervish in the desert.
                            The farmer can work alone in the field or the woods all day, hoeing or chopping，and not feel
                            lonesome. beacause he is
                            employed; but when he comes home at night he cannot sit down in a room alone, at the mercy
                            of his thoughts, but must be
                            where he can "see the folks," and recreate, and,as he thinks. remunerate himself for his
                            day's solitude; and hence he
                            wonders how the student can sit alone in the house all night and most of the day without
                            ennui and "the blues"; but he
                            does not realize that the student, though in the house, is still at work in his field, and
                            chopping in his woods, as the
                            farmer ire his.</p>
                    </div>
                    <div class="nav-right">
                        <h6>SIZE & FIT</h6>
                        <ul>
                            <li>Our Model wears a UK 8/ EU 36/ Us 4</li>
                            <li>Model is 170/ 5’7” Tall</li>
                            <li>Shoulder seam to hem measures appox 58”/ 147 cm in lengh</li>
                        </ul>
                    </div>
                </div>
            </div>


        </div>
        <!-- 底部map部分 -->
        <div class="shop-bottom">
            <div class="bottom-map">
                <div class="bottom-map-inner width">
                    <div class="top">
                        <div class="foot-widget first">
                            <div class="logo">
                                <a href="../../home.html">
                                    <img src="../../img/logo/logo.png" alt="">
                                </a>
                            </div>
                            <ul>
                                <li>Email: <span>1965892300@qq.com</span></li>
                                <li>Phone: +137 313 19326</li>
                            </ul>
                            <p>
                                Subscribe to our newsleter and stay
                                up to date with latest offers and
                                upcoming trends.
                            </p>
                            <div class="email"> <input type="email" placeholder="Email">
                                <span class="iconfont icon-arrowRight
                    "></span>
                            </div>

                        </div>
                        <div class="foot-widget">
                            <h4>About Us</h4>
                            <ul class="allUl">
                                <li><a href="./aboutUs.html">Our Outlets
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./aboutUs.html">Sales and Retails <div class="xiantiao"></div></a></li>
                                <li><a href="./aboutUs.html">Areas we serve <div class="xiantiao"></div></a></li>
                                <li><a href="./aboutUs.html">Career at aruk <div class="xiantiao"></div></a></li>
                                <li><a href="./contact.html">Contact Us <div class="xiantiao"></div></a></li>
                            </ul>
                        </div>
                        <div class="foot-widget">
                            <h4>Help and Support</h4>
                            <ul class="allUl">
                                <li><a href="./aboutUs.html">Track my order
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./aboutUs.html">Our top products
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./shoppingCart.html">My cart
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./aboutUs.html">Sign in
                                        <div class="xiantiao"></div>
                                    </a></li>
                                <li><a href="./shippingCalculator.html">Shipping Calculator
                                        <div class="xiantiao"></div>
                                    </a></li>
                            </ul>
                        </div>
                        <div class="foot-widget last">
                            <h4>Pages & Resources</h4>
                            <ul class="allUl">
                                <li><a href="./aboutUs.html">About Us
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./collection.html">Shop Page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./collection.html">Category page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./aboutUs.html">Sign in page
                                        <div class="xiantiao"></div>

                                    </a></li>
                                <li><a href="./404.html">404 page
                                        <div class="xiantiao"></div>

                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="bottom-out">
                    <div class="bottom">
                        <div class="copyright">
                            <p>Copyright © 2020 | Designed by <span>Wpsmasher</span></p>
                        </div>
                        <div class="social-icon">
                            <ul>
                                <li><a href="#"><span class="iconfont icon-facebook"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-twitter"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-instagram"></span></a></li>
                                <li><a href="#"><span class="iconfont icon-v"></span></a></li>
                            </ul>
                        </div>
                        <div class="policy">
                            <p class="first">Terms of Use</p>
                            <p>Privacy Policy</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/jquery-3.5.1.js"></script>
    <script src="../../js/countdown.js"></script>
    <script src="../../js/navigation.js"></script>
    <script src="../../js/bottom-map.js"></script>
    <script src="../../js/way.js"></script>
    <script src="../../js/shop.js"></script>
</body>

</html>